import Icon from '@ant-design/icons'

const SunSvg = () => (
    // 这里粘贴“太阳”图标的SVG代码
    <svg
        t="1708655551941"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="991"
        fill="currentColor"
        width="1em"
        height="1em">
        <path
            d="M512 320.37c-105.67 0-191.63 85.97-191.63 191.63 0 105.67 85.97 191.63 191.63 191.63 105.67 0 191.63-85.97 191.63-191.63 0-105.67-85.96-191.63-191.63-191.63z m0 343.26c-83.61 0-151.63-68.02-151.63-151.63S428.39 360.37 512 360.37 663.63 428.39 663.63 512 595.61 663.63 512 663.63zM898.17 492h-42.91c-11.05 0-20 8.95-20 20s8.95 20 20 20h42.91c11.05 0 20-8.95 20-20s-8.95-20-20-20zM168.74 492h-42.91c-11.05 0-20 8.95-20 20s8.95 20 20 20h42.91c11.05 0 20-8.95 20-20s-8.96-20-20-20zM253.28 742.43l-30.04 30.04c-7.81 7.81-7.81 20.47 0 28.28a19.92 19.92 0 0 0 14.14 5.86c5.12 0 10.24-1.95 14.14-5.86l30.04-30.04c7.81-7.81 7.81-20.47 0-28.28-7.8-7.81-20.47-7.81-28.28 0zM756.58 287.42c5.12 0 10.24-1.95 14.14-5.86l30.04-30.04c7.81-7.81 7.81-20.47 0-28.28-7.81-7.81-20.47-7.81-28.28 0l-30.04 30.04c-7.81 7.81-7.81 20.47 0 28.28 3.9 3.91 9.02 5.86 14.14 5.86zM512 188.74c11.05 0 20-8.95 20-20v-42.91c0-11.05-8.95-20-20-20s-20 8.95-20 20v42.91c0 11.04 8.95 20 20 20zM770.72 742.43c-7.81-7.81-20.47-7.81-28.29 0s-7.81 20.47 0 28.29l30.04 30.03c3.91 3.91 9.02 5.86 14.14 5.86s10.24-1.95 14.14-5.86c7.81-7.81 7.81-20.47 0-28.28l-30.03-30.04zM251.53 223.25c-7.81-7.81-20.47-7.81-28.28 0s-7.81 20.47 0 28.28l30.04 30.04c3.91 3.91 9.02 5.86 14.14 5.86s10.24-1.95 14.14-5.86c7.81-7.81 7.81-20.47 0-28.28l-30.04-30.04zM512 835.26c-11.05 0-20 8.95-20 20v42.91c0 11.05 8.95 20 20 20s20-8.95 20-20v-42.91c0-11.04-8.95-20-20-20z"
            fill="currentColor"
            p-id="992">
        </path>
    </svg>
)

const MoonSvg = () => (
    // 这里粘贴“月亮”图标的SVG代码
    <svg
        t="1708655789853"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="1455"
        width="1em"
        fill="currentColor"
        height="1em">
        <path
            d="M412.216889 185.173333a343.950222 343.950222 0 0 0-11.264 147.740445 340.650667 340.650667 0 0 0 436.451555 278.300444c-38.343111 126.008889-150.300444 223.345778-282.908444 239.502222a340.992 340.992 0 0 1-298.552889-112.469333C190.407111 664.064 160.995556 568.32 173.056 468.650667c16.156444-132.835556 113.322667-245.020444 239.160889-283.420445zM511.146667 56.888889a463.644444 463.644444 0 0 0-62.805334 4.266667c-201.557333 27.306667-363.406222 191.374222-387.982222 393.671111C26.680889 731.704889 241.493333 967.111111 511.146667 967.111111c18.773333 0 37.831111-1.137778 57.059555-3.527111 201.898667-24.632889 365.681778-186.766222 392.931556-388.721778 2.958222-21.788444 4.323556-43.292444 4.266666-64.512-0.113778-33.166222-27.420444-55.296-56.661333-55.296a58.026667 58.026667 0 0 0-34.929778 11.776 225.28 225.28 0 0 1-135.566222 45.112889c-10.695111 0-21.617778-0.739556-32.654222-2.275555-98.531556-13.767111-178.460444-93.809778-192.170667-192.568889a227.384889 227.384889 0 0 1 42.723556-168.561778c23.608889-37.376 1.422222-91.534222-43.463111-91.704889h-1.592889z"
            fill="currentColor"
            p-id="1456">
        </path>
    </svg>
)

const ThemeSvg = () => (
    // 这里粘贴“主题色”图标的SVG代码
    <svg t="1708655884939"
        viewBox="0 0 1024 1024"
        version="1.1"
        xmlns="http://www.w3.org/2000/svg"
        p-id="2454"
        fill="currentColor"
        width="1em"
        height="1em">
        <path
            d="M857.6 268.8c-9.6-12.8-32-16-44.8-6.4-12.8 9.6-16 32-6.4 44.8 38.4 54.4 57.6 121.6 57.6 201.6 0 48-9.6 92.8-28.8 134.4-12.8-3.2-22.4-3.2-35.2-3.2-86.4 0-156.8 64-156.8 140.8 0 12.8 3.2 28.8 6.4 41.6-38.4 16-76.8 25.6-118.4 25.6-19.2 0-32 16-32 32s16 32 32 32c60.8-3.2 118.4-16 172.8-44.8 9.6-3.2 12.8-12.8 16-19.2 3.2-9.6 0-19.2-3.2-25.6-9.6-12.8-12.8-25.6-12.8-38.4 0-41.6 41.6-76.8 92.8-76.8 12.8 0 25.6 3.2 38.4 6.4 16 6.4 32 0 41.6-16 32-57.6 48-124.8 48-188.8 3.2-92.8-19.2-176-67.2-240zM185.6 700.8c16-9.6 22.4-28.8 12.8-41.6C172.8 608 160 560 160 508.8 160 320 313.6 166.4 502.4 166.4c22.4 0 51.2 3.2 67.2 6.4s35.2-9.6 38.4-25.6-9.6-35.2-25.6-38.4c-22.4-3.2-54.4-6.4-80-6.4C278.4 102.4 96 284.8 96 508.8c0 64 12.8 118.4 44.8 179.2 6.4 9.6 19.2 16 28.8 16 6.4 0 9.6 0 16-3.2z" fill="#666666" p-id="2455"></path><path d="M272 432m-48 0a48 48 0 1 0 96 0 48 48 0 1 0-96 0Z" fill="#666666" p-id="2456"></path><path d="M352 288m-32 0a32 32 0 1 0 64 0 32 32 0 1 0-64 0Z" fill="#666666" p-id="2457"></path><path d="M524.8 704l297.6-556.8c9.6-25.6 3.2-57.6-22.4-73.6-25.6-16-57.6-12.8-76.8 12.8L332.8 582.4s0 3.2-3.2 3.2c-9.6 16-12.8 35.2-9.6 51.2 0 3.2 3.2 6.4 3.2 9.6-41.6 3.2-102.4 25.6-115.2 89.6-9.6 44.8 3.2 67.2 9.6 83.2 0 3.2 3.2 6.4 3.2 3.2l-3.2 3.2c-16 22.4-32 25.6-32 25.6-12.8 3.2-22.4 12.8-25.6 25.6-3.2 12.8 3.2 25.6 12.8 32 32 22.4 89.6 51.2 144 51.2 41.6 0 83.2-16 118.4-54.4 54.4-64 44.8-160 44.8-166.4 19.2-6.4 35.2-19.2 44.8-35.2zM384 620.8L736 169.6 470.4 672c-3.2 3.2-6.4 6.4-6.4 3.2L384 627.2v-6.4z m3.2 243.2c-38.4 44.8-92.8 35.2-131.2 19.2 6.4-6.4 9.6-12.8 16-19.2 22.4-32 9.6-57.6 3.2-70.4-6.4-9.6-9.6-22.4-6.4-44.8 6.4-28.8 44.8-35.2 60.8-38.4l89.6 48c0 25.6-3.2 73.6-32 105.6z"
                fill="currentColor"
                p-id="2458">
        </path>
    </svg>
)

export const SunOutlined = (props) => <Icon component={SunSvg} {...props} />
export const MoonOutlined = (props) => <Icon component={MoonSvg} {...props} />
export const ThemeOutlined = (props) => <Icon component={ThemeSvg} {...props} />